<template>
  <!-- 详情 -->
  <el-dialog :visible.sync="dialogVisible" width="50%" append-to-body :close-on-click-modal="false" :before-close="closedialog">
       <el-descriptions class="margin-top" title="舱单系统申报认证详情" :column="2"  border>
		<el-descriptions-item>
		       <template slot="label">
		        企业代码
		       </template>
		      {{form.enterpirceCoed}}
		 </el-descriptions-item>
		<el-descriptions-item>
		       <template slot="label">
		        企业名称
		       </template>
		      {{form.enterpriceName}}
		 </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         舱单传输人代码
		        </template>
		       {{form.msgRepCode}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         舱单传输人名称
		        </template>
		       {{form.msgRepName}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         认证类型
		        </template>
		       {{form.type}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         申报系统类型
		        </template>
		       {{form.declWayType}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         传输企业备案关区
		        </template>
		       {{form.masterCustoms}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         导入客户端代码
		        </template>
		       {{form.importClientCode}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         理货公司代码
		        </template>
		       {{form.talCompanyCode}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         理货责任人名称
		        </template>
		       {{form.talMasterName}}
		  </el-descriptions-item>
      <el-descriptions-item>
             <template slot="label">
              企业备案ID
             </template>
            {{form.eastPortEntId}}
       </el-descriptions-item>
       <el-descriptions-item>
              <template slot="label">
               操作员卡号
              </template>
             {{form.operCardNo}}
        </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         创建人
		        </template>
		       {{form.createBy}}
		  </el-descriptions-item>
		 <el-descriptions-item>
		        <template slot="label">
		         创建时间
		        </template>
		       {{form.createTime}}
		  </el-descriptions-item>
         </el-descriptions>
        <div slot="footer" class="dialog-footer" style="text-align: center;">
          <el-button @click="closedialog">关闭</el-button>
        </div>
    </el-dialog>
</template>

<script>
import { getMftDeclAccountInfo } from "@/api/swdecl/mftDeclAccountInfo";
export default {
  props: {
    detailId: {},
    dict: {}
  },
  data() {
    return {
      //显示详情
      dialogVisible:false,
      form: {}
    }
  },
  watch: {
    detailId: {
      immediate: true,
      handler(val) {
        if(val) {
          this.loadDetail();
        }
      }
    }
  },
  methods: {
    open(){
      this.dialogVisible = true
    },
    closedialog(){
      this.dialogVisible = false
    },
    // 获取详情
    loadDetail() {
      getMftDeclAccountInfo(this.detailId).then((res) => {
        if (res.code == 200) {
          this.form = res.data;
                  }
      });
    },
  }
};
</script>

<style>
</style>
